<template>
  <main>
    <div class="toolbar">
      <el-button type="primary">导入文件</el-button>
      <el-button>删除</el-button>
    </div>
    <div class="table">
      <el-table ref="tableRef" row-key="date" height="100%" :data="tableData" style="width: 100%">
        <el-table-column type="selection" width="55" />
        <el-table-column prop="date" label="任务名" width="180" />
        <el-table-column prop="date" label="文件路径" width="180" />
        <el-table-column prop="name" label="创建时间" width="180" />
        <el-table-column prop="address" label="更新时间" />
        <el-table-column prop="address1" label="操作" />
        <template #empty>
          <el-empty description="空数据" />
        </template>
      </el-table>
    </div>
    <div class="footer">
      <el-pagination background layout="prev, pager, next" :total="1000" />
    </div>
  </main>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { ElButton, ElTable, ElTableColumn } from 'element-plus';

const tableData = ref([]);


</script>
<style lang="scss" scoped>
main {
  margin: 15px;
  height: calc(100% - 35px);

  .toolbar {
    margin: 10px 0;
  }

  .table {
    height: calc(100% - 95px);
  }

  .footer {
    display: flex;
    flex-direction: row-reverse;
    margin: 10px 0;
  }
}
</style>
